/*
*css reset
*2016.12.07-01
*/
body{background: #fff;font-family:Arial,"宋体";font-size: 12px;width:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,th,td{margin: 0;padding: 0;}
table{border-collapse: collapse;border-spacing: 0;}
fieldset,img{border-top-right-radius: 0;}
address,caption,cite,code,dfn,em,th,var{font-style: normal;font-weight: normal;}
ol,ul,li{list-style: none;}
caption,th,{text-align: left;}
h1,h2,h3,h4,h5,h6{ font-size: 100%;font-weight:normal;}
abbr,acronym{border:0;}
a{text-decoration: none;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{text-decoration: none;}
img{border:0;}
input{outline:none;}
p{text-align:justify;}

/*head*/
.header_bg{
    width:100%;
    border-bottom: 1px solid #eee;
    background: #fff;
}
.header{
    width: 1180px;
    height: 32px;
    line-height: 32px;
    margin: 0 auto;
    font-family: 'Microsoft YaHei', Arial, sans-serif;
    position:relative; z-index:999999;
}
.header .blocker.v-login, .header .divider.v-login { display: none; }
.header.has-login .v-login { display: inline-block; }
.header.has-login .v-state { display: none; }
.header.no-login  .v-login { display: none; }
.header.no-login  .v-state { display: inline-block; }
.header .divider { display: inline-block; vertical-align: top; line-height: 14px; height: 14px; margin: 9px 16px; width: 0px; overflow: hidden; border-right: 1px solid rgb(192, 192, 192); }
.header .header_r .divider { margin-left: 0px; margin-right: 0px; }
.header .blocker { display: inline-block; vertical-align: top; height: 32px; padding: 0px 12px; }
.header .blocker.minimum { padding: 0px 10px; }
.header .blocker.full-size { padding: 0px 1px; }
.header .header_l { float: left; }
.header .header_l a { color: #494949; vertical-align: baseline; display: inline-block; }
.header .header_r { float: right; }
.header .clean { display: block; height: 0px; position: relative; overflow: hidden; clear: both; content: ""; }
.header .share-link {
    display: inline-block;
    vertical-align: top;
    height: 32px;
    line-height: 32px;
    position: relative;
    margin-right: 16px;
    white-space: nowrap;
    color: #494949;
    text-align: center;
}
.header .share-link:hover, .header .share-link.selected { color: #ff0000; }
.header .share-link.no-margin { margin-right: 0px; }
.header .share-link .share-link-label {
    margin-top: 7px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 18px;
    line-height: 18px;
    z-index: 1024;
}
.header .share-link .share-link-label .share-link-text,
.header .share-link .share-link-label .share-link-icon,
.header .share-link .share-link-label .share-link-tiper { margin-right: 6px; }
.header .share-link .share-link-label .share-link-text.no-margin,
.header .share-link .share-link-label .share-link-icon.no-margin,
.header .share-link .share-link-label .share-link-tiper.no-margin { margin-right: 0px; }
.header .share-link .share-link-text {
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
}
.header .share-link .share-link-tiper {
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
    width: 15px;
    height: 7px;
    background: url(../images/top_ico.png) no-repeat 0px 0px;
    -moz-transition:all 0.2s ease 0s;
    -webkit-transition:all 0.2s ease 0s;
    transition:all 0.2s ease 0s;
}
.header .share-link:hover .share-link-tiper {
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.header .share-link .share-link-icon {
    display: inline-block;
    vertical-align: top;
    margin-top: 1px;
    width: 18px;
    height: 16px;
    background: url(../images/top_ico.png) no-repeat 0px 0px;
}
.header .share-link .share-link-imap {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 0px;
    top : 0px;
    width: 90px;
    height: 133px;
    background: url(../images/top_ico.png) no-repeat 0px 0px;
    display: none;
}
.header .share-link .share-link-button {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 0px;
    top : 0px;
    width : 76px;
    height: 22px;
    background: url(../images/top_ico.png) no-repeat 0px 0px;
}
.header .share-link.share-link-mobi { width: 109px; }
.header .share-link.share-link-beer .share-link-icon { background-position: 0px -32px; }
.header .share-link.share-link-sms  .share-link-icon { background-position: -32px -32px; }
.header .share-link.share-link-live .share-link-icon { background-position: -64px -32px; }
.header .share-link.share-link-live .share-link-imap { background-position: -109px -64px; left: auto; right: -5px; }
.header .share-link.share-link-mobi .share-link-icon { background-position: -96px -32px; }
.header .share-link.share-link-mobi .share-link-tiper { background-position: -160px 0px; }
.header .share-link.share-link-mobi .share-link-imap { background-position: 0px -64px; width: 109px; height: 133px; }
.header .share-link.share-link-shop .share-link-icon { background-position: -128px 0px; }
.header .share-link.share-link-order .share-link-icon { background-position: -268px 0px; }

.header .share-link:hover .share-link-imap { display: block; }
.header .share-link.share-link-beer:hover .share-link-icon { background-position:   0px 0px; }
.header .share-link.share-link-sms:hover  .share-link-icon { background-position: -32px 0px; }
.header .share-link.share-link-live:hover .share-link-icon { background-position: -64px 0px; }
.header .share-link.share-link-mobi:hover .share-link-icon { background-position: -96px 0px; }
.header .share-link.share-link-shop:hover .share-link-icon { background-position: -128px -32px; }
.header .share-link.share-link-order:hover .share-link-icon { background-position: -268px -32px; }
.header .share-link.share-link-live .share-link-button { background-position: -192px 0px; left: 7px; top: 104px; }
.header .share-link.share-link-live .share-link-button:hover { background-position: -192px -26px; }





/*nav*/
.nav_content{width:100%;height:100px;background:#fff;}
.nav{height: 100px;background: #fff;font-family: '微软雅黑';width:1260px;margin:0 auto;}
/*.nav img{float:left;margin:33px 0 0 10px;}
.nva img:first-of-type{margin:0 0 0 0;}*/

.nav img{float: left;}


.ul_nav{float:right;height: 100px;color: #666;margin-right:5px;}
.nav ul li:first-child{border-left:1px #eeeeee solid;}
.ul_nav{height:100px;}
.ul_nav  > li{float:left;border-right:1px #eeeeee solid;position:relative;width:110px;height:100px;}
.li_shouye{border-left:1px #eeeeee solid;}

.li_hover > a{width:110px;height:100px;display:block;text-align:center;color:#666666;font-family:"微软雅黑";font-size:16px;overflow:hidden;transition: all 1s ease 0s;}
.fixedTop{position:fixed;top:0;z-index:990;}

.li_hover > a span{font-size:12px;font-family:Arial;display:block;margin-top:35px;position:relative;z-index:5;}
.about{width: 110px;background: #fff;position: absolute;z-index: 10;top: 100px;display:none;}
.about a{width: 112px;height: 50px;display: block;text-align: center;line-height: 50px;}
.about a{color:#666666;}
.about a:hover{width: 111px;height: 50px;display: block;text-align: center;line-height: 50px;background: #f44360;color: #fff;}



.clicked{background:#f0f0f0;color:#f44360 !important;}

/*footer*/
.footer_nav{width:100%;background:#0b060b;height:100px;color:#aca2ad;}
.footer_nav_con{width:1060px;margin:0 auto;}
.f_nav_p01{height:30px;line-height:30px;}
.f_nav_p01 .a_beian{float: left;}
.f_nav_p01 span{display:inline-block;float:left;font-size:14px;}
.f_nav_p01 ul{ display: inline-block;float: right;height: 30px;margin-right: 5px;}
.f_nav_p01 ul li{float:left;margin-left:10px;}
.f_nav_p01 li a{margin-right:10px;color:#aca2ad;}
li.li_last a{margin:0;}
.f_nav_p02{clear:both;margin-right:5px;margin-top:0px;}
.f_nav_p02 span.left{float:left; text-align: left;margin-left: 5px;}
.f_nav_p02 span.left a{color: #aca2ad;}
p.f_nav_p02 a{color:#aca2ad;}

.a_beian{margin-left: 5px;color:#aca2ad;font-size:12px;  float:right;}

.div_side{width:30px;height:168px;position:fixed;right:30px;bottom:150px;z-index:20;visibility:hidden;}
.div_side a{display:block;width:30px;height:30px;transition:all 0.3s ease 0s;}
.a_set{margin-bottom:8px;background:url(../images/back_top.png) no-repeat 0 0;position:relative;}
.a_set:hover{background:url(../images/back_top.png) no-repeat 0 -30px;}
.a_set img{position:absolute;left:-210px;top:-20px;display:none;}
.a_help{margin-bottom:7px;background:url(../images/back_top.png) no-repeat -30px 0;}
.a_help:hover{background:url(../images/back_top.png) no-repeat -30px -30px;}
.a_weixin{margin-bottom:4px;background:url(../images/back_top.png) no-repeat -60px 0;}
.a_weixin:hover{background:url(../images/back_top.png) no-repeat -60px -30px;}
.a_backTop{background:url(../images/back_top.png) no-repeat -90px 0;}
.a_backTop:hover{background:url(../images/back_top.png) no-repeat -90px -30px;}

.visibleSide{visibility:visible;}


.dBg{background:#f5f5f5 url(../images/bg_load.jpg) center center no-repeat;}

.close_injoin{
    width: 100px;
    height: 100px;
    display: block;
    position: fixed; z-index: 100; bottom: 30px; right: 10px;
}
.close_injoin>img{
    width: 100px;
    display: block;
}
/*系统公告*/
.close_xtGG{
    width: 168px;
    height: 180px;
    font-family: "微软雅黑";
    position: fixed; z-index: 100; bottom: 336px; right: 10px;
    background-color: #ffffff;
    padding: 0 12px 12px 12px;
}
.close_xtGG .close_xtGG_tit{
    width: 168px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 16px;
    color: #666666;
}
.close_xtGG_con{
    width: 100%;
    line-height: 20px;
    font-size: 12px;
    color: #666666;
    text-indent: 2em;
}
/*footer-con*/
.foot_con_box_out{
    width: 100%;
    height: 188px;
    background-color: #000000;
}
.foot_con_box{
    width: 1120px;
    height: 180px;
    background-color: #000000;
    padding-top: 8px;
    margin: 0 auto;
}
.footer_code_sjsb{
    width: 140px;
    height: auto;
    display: block;
    float: left;
    margin-top: 10px;
}
.footer_code_sbkg{
    width: 110px;
    height: auto;
    display: block;
    margin-left: 40px;
    margin-top: 10px;
    float: left;
    _display:inline;
}
.footer_con_r{
    width: 476px;
    height: 180px;
    float: right;
    color: #ffffff;
    font-size: 12px;
}
.footer_con_r .footer_line{
    display: inline-block;float: none;height: 30px;
}
.footer_con_r .footer_line li{float:left;margin-left:10px;}
.footer_con_r .footer_line li a{margin-right:10px;color:#aca2ad;}
.footer_info{
    line-height: 1.5;
    font-size: 14px;

}
.foot_info_top{
    margin-top: 18px;
}
.footer_link_ul{
    margin-top: 12px;
}
.footer_link_ul>a{
    width: 84px;
    height: 32px;
    display: inline-block;
    margin-left: 4px;
}
.footer_link_ul>a>img{
    width: 100%;
}
.brand_address_box{
    width: 1060px;
    height: 46px;
    line-height: 46px;
    padding: 7px 26px;
    margin: 0 auto;
    background: url("../images/icon_address.png") no-repeat left center;
    color: #868f98;
}
.color_red{color: #F11B00;}
.brand_address_icon{margin: 0 4px;font-size: 16px;}

.cp_titleb a{ color:#000; font-size:14px; line-height:30px; width:120px; float: left; border:1px #cacaca solid; border-radius:10px;  margin-right:10px;     display: inline-block;}
.cp_titleb a:hover{ color:#fff;}
.cp_titleb .on a{ color:#fff;}
.cp_titleb { width:1090px; height:45px; text-align:center; margin: auto; display: flex;
    justify-content: center;
    align-items: center; margin-bottom:10px;}